.ycal_b{overflow:hidden; background:#fff; position:relative;}

.ycal_b li{ float:left; width:25%; height:338px; margin-right:0px; margin-bottom:0px;transition: all 0.5s ease; position:relative;}

.ycal_b li img{ display:block; width:100%; height:338px;}

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.9); padding-top:108px;opacity:0;transition: all 1s ease;}

.ycal_b li h2{ color:#fff; font-size:42px; font-weight:bold; text-align:center;   padding-bottom:20px; margin-bottom:20px; line-height:42px;}

.ycal_b li p{ text-align:center; color:#fff; font-size:30px; font-size:30px;}

.ycal_b li p em{ display:inline-block; padding:0 25px; border:1px solid #fff; border-radius:50px; font-size:16px; font-size:16px; line-height:38px}

.ycal_b li:hover span{opacity:1; z-index:888;background:rgba(226,26,26,0.9);}



.xonie{ position:absolute; width:100%; height:100%; background:#000;opacity:0;filter:alpha(opacity=0); left:0; top:0;transition: all 1s ease 0s;}

.ycal_b:hover .xonie{opacity:0.2;filter:alpha(opacity=0.2);}

@media(max-width:1680px){

.ycal_b li img{ display:block; width:100%; height:292px;}	

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:88px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:25%; height:292px; margin-right:0px; margin-bottom:0px;transition: all 0.5s ease;}



}

@media(max-width:1600px){

.ycal_b li img{ display:block; width:100%; height:278px;}	

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:88px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:25%; height:278px; margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}



}

@media(max-width:1440px){

.ycal_b li img{ display:block; width:100%; height:253px;}	

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:68px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:25%; height:253px; margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}

.ycal_b li h2{ color:#fff; font-size:32px; font-weight:bold; text-align:center;  padding-bottom:20px; margin-bottom:20px; line-height:42px;}

.ycal_b li p{ text-align:center; color:#fff; font-size:14px;}

.ycal_b li p em{ display:inline-block; padding:0 15px; border:1px solid #fff; border-radius:50px; font-size:14px; font-size:14px; line-height:38px}



}

@media(max-width:1366px){

.ycal_b li img{ display:block; width:100%; height:237px;}

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:68px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:25%; height:237px; margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}	

.ycal_b li h2{ color:#fff; font-size:32px; font-weight:bold; text-align:center; padding-bottom:10px; margin-bottom:10px; line-height:42px;}

.ycal_b li p{ text-align:center; color:#fff; font-size:14px;}

}

@media(max-width:1360px){

.ycal_b li img{ display:block; width:100%; height:236px;}

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:68px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:25%; height:236px; margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}	

.ycal_b li h2{ color:#fff; font-size:32px; font-weight:bold; text-align:center; padding-bottom:10px; margin-bottom:10px; line-height:42px;}

.ycal_b li p{ text-align:center; color:#fff; font-size:14px; }	

}

@media(max-width:1280px){

.ycal_b li img{ display:block; width:100%; height:236px;}	

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:68px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:25%; height:236px; margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}	

.ycal_b li h2{ color:#fff; font-size:32px; font-weight:bold; text-align:center; padding-bottom:15px; margin-bottom:15px; line-height:42px;}

.ycal_b li p{ text-align:center; color:#fff; font-size:14px;}	

.ycal_b li p em{ display:inline-block; padding:0 15px; border:1px solid #fff; border-radius:50px; font-size:12px; font-size:12px; line-height:30px}



}









@media(max-width:414px){

.ycal_t{ height:auto; overflow:hidden; margin-bottom:0px; padding-bottom:30px;}

.ycal_b li img{ display:block; width:100%; height:131px;}	

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:20px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:50%; height:131px; margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}	

.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold; text-align:center;   padding-bottom:10px; margin-bottom:10px; line-height:36px;}

.ycal_b li p{ text-align:center; color:#fff; font-size:14px; font-size:14px;}	

.ycal_b{overflow:hidden; background:#fff; position:relative;}	

}





@media(max-width:375px){

.ycal_b li img{ display:block; width:100%; height:117px;}	

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:10px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:50%; height:117px; margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}	

.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold; text-align:center;   padding-bottom:10px; margin-bottom:10px; line-height:36px;}

.ycal_b li p{ text-align:center; color:#fff; font-size:14px; font-size:14px;}		

}

@media(max-width:360px){

.ycal_b li img{ display:block; width:100%; height:126px;}	

.ycal_b li span{ display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(226,26,26,0.95); padding-top:20px;opacity:0;transition: all 1s ease;}

.ycal_b li{ float:left; width:50%; height:126px; margin-right:0px; overflow:hidden; margin-bottom:0px;transition: all 0.5s ease; position:relative; min-height:auto;}	

.ycal_b li h2{ color:#fff; font-size:16px; font-weight:bold; text-align:center;   padding-bottom:10px; margin-bottom:10px; line-height:36px;}

.ycal_b li p{ text-align:center; color:#fff; font-size:14px; font-size:14px;}		

}